<template>
  <view>
    <view>value:{{value}}</view>
    <input placeholder="text" @input="onInput" type="text" />
    <input placeholder="password" password type="text" />
    <view class="fixed">
      <input placeholder="adjust-position true" type="text" />
      <input :adjust-position="false" placeholder="adjust-position false" type="text" />
      <input :adjust-position="true" placeholder="adjust-position true" type="text" />
    </view>
  </view>
</template>

<script>
export default {
  data () {
    return {
      value: ''
    }
  },
  methods: {
    onInput (event) {
      console.log(event)
      this.value = event.detail.value
    }
  }
}
</script>

<style>
input {
  background-color: #999;
  margin: 2px 0;
}
.fixed {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}
</style>